@charset "UTF-8";

/* ************************************************************************************************

   1024px / PC

   ************************************************************************************************ */
@media screen and (max-width: 1025px){

  /***** index.php @1024px *****/
  .hero__logo {width: 180px; height: auto;}

  .index-main {padding: 15rem 0 9rem;}
  .index-main::before {height: 750px; top: 24%;}

  .index-info {padding: 15rem 0;}
  .index-info__img {width: 45%; height: auto;}
  .index-info__wp {margin-top: 6rem; width: 400px;}


  /***** about.php @1024px *****/
  .about-taisetsuzan {padding: 0 0 15rem;}

  .about-mikuni {align-items: flex-start;}
  .about-mikuni__img {width: 45%;}
  .about-mikuni__item {width: 100%; padding: 0 3rem;}
  .about-mikuni__btn {margin-top: 3rem;}

  .about-interior__movie {width: 80%}
  .about-interior__img02, .about-interior__img03 {width: 45%;}
  .about-interior__img04 {width: 40%;}
  .about-interior__item {width: 50%; margin-top: 6rem;}

  .about-exterior__img01 {width: 100%;}
  .about-exterior__item {width: 70%;}
  .about-exterior__img02 {width: 70%;}
  .about-exterior__images03 img {width: 45%;}

  .about-food__item {width: 74%;}
  .about-food__img01 {width: 100%;}
  .about-food__img02, .about-food__img03, .about-food__img04 {height: 100%; width: 30%;}
  .about-food__img03 {padding-top: 4rem;}
  .about-food__img04 {padding-top: 8rem;}

  .about-gallery {padding: 0 0 15rem;}
  .about-gallery__img01 {width: 90%;}

  .about-villa {align-items: flex-end;}
  .about-villa__img {width: 45%;}
  .about-villa__item {width: 100%; padding: 0 3rem;}
  .about-villa__btn {margin-top: 3rem;}


  /***** chef.php @1024px *****/
  .chef__bio th {width: 15%;}
  .chef-mikuni::before {height: 620px;}
  .chef-horikawa::before {height: 450px;}
  .chef-img01 img {width: 75%;}
  .chef-img02 img {width: 60%;}
  .chef-img03 img {width: 70%;}
  .chef-img01, .chef-img02 {margin-bottom: 10rem;}


  /***** villa.php @1024px *****/
  .villa-concept__img01 {width: 40%;}
  .villa-concept__item{width: 50%; margin-top: 6rem;}

  .villa-menu.flex--space-between {display: block;}
  .villa-menu__img {width: 100%;}
  .villa-menu__item {width: 100%; padding: 7rem 7rem 0;}
  .villa-menu__btn {margin-top: 4rem;}

  .villa-interior__img01 {width: 80%;}
  .villa-interior__item {width: 65%;}

  .villa__ttl {width: 35%;}
  .villa__tbl--pc table,.villa-la__tbl table{
    margin-bottom: 0rem;
  }
  .villa-fiore,.villa-foresta,.villa-la {padding: 0rem;}
  .villa-fiore__box01, .villa-foresta__box01, .villa-la__box01 {
    padding: 10rem 0 7rem;
    text-align: center;
  }
  .villa__images01 img{width: 85%;}
  .villa__images02 img{width: 85%;}
  .villa__images01 {margin-right: 0rem;}
  .villa__images02 {
    text-align: right;
    margin-left: 0rem;
  }
  .villa__item {width: 45%;}


  .villa-fiore-information__item, .villa-foresta-information__item, .villa-la-information__item {
    width: 90%;
  }
  .villa-fiore-information, .villa-foresta-information{
    margin-bottom: 10rem;
  }

  /***** garden.php @1024px *****/
  .garden-concept {padding: 0 0 15rem;}

  .garden-hours {align-items: flex-start;}
  .garden-hours__img {width: 45%;}
  .garden-hours__item {width: 100%; padding: 0 3rem;}
  .garden-hours__tbl--fonts {line-height: 1.8;}

  .garden-facility {padding: 10rem 0;}
  .garden-facility__images01 img{width: 85%;}
  .garden-facility__images02 img{width: 85%;}
  .garden-facility__images01 {margin-right: 0rem;}
  .garden-facility__images02 {
    text-align: right;
    margin-left: 0rem;
  }
  .garden-facility__item {width: 45%;}

  .garden-flower {align-items: flex-end;}
  .garden-flower__img {width: 45%;}
  .garden-flower__item {width: 100%; padding: 0 3rem;}

  .garden-video__movie {width: 80%}
  .garden-video {padding: 15rem 0 5rem;}

  .garden-gallery__item {margin-bottom: 5rem;}
  .garden-gallery__grid{
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
  }
  .garden-gallery__img01{
    width: 32%;
    padding: 0 0 1.5rem;
  }

  /***** gardencafe.php @1024px *****/
  .gardencafe-menu__grid{
    width: 90%;
    padding: 0 6rem;
    margin: 0 auto;
  }

  .gardencafe-menu__img01,.gardencafe-menu__img02{
    width: 32%;
    padding: 0 0 1.5rem;
  }

  /***** access.php @1024px *****/
  .access-car{padding: 15rem 0;}
  .access-car__img01,.access-car__img02{width: 45%}
  .access-car__tbl th{
   width: 20%;
  }
  .tr-access-car__tbl th, .tr-access-car__tbl td {
    vertical-align: middle;
    line-height: 1.8;
    padding: 1.6rem 0 1.6rem 1.6rem;
  }

  .access-public__item{width: 70%;}
  .tr-access-public__item {width: 95%;}

  .access-address__img01{width: 100%;}
  .access-address__btn {margin-top: 3rem;}

  /***** link.php @1024px *****/


  /***** reserve.php @1024px *****/
  .reserve-restaurant {
    align-items: flex-start;
    margin: 15rem 0;
  }
  .reserve-restaurant__img {width: 45%;}
  .reserve-restaurant__item {width: 100%; padding: 0 3rem;}
  .reserve-restaurant__btn {margin-top: 3rem;}

  .reserve-villa {
    align-items: flex-end;
    margin-bottom: 7rem;
  }
  .reserve-villa__img {width: 45%;}
  .reserve-villa__item {width: 100%; padding: 0 3rem;}
  .reserve-villa__btn {margin-top: 3rem;}

/***** news @1024px *****/
.news__content{width: 90%;}


/***** gallery @1024px *****/
.single-gallery .header-sub__ttl--single{text-align: left;}
.single-gallery__thumbnail img {width: 100%; height: auto;}


/***** contact @1024px *****/
.contact__restaurant, .contact__villa, .contact__tel {padding: 1rem 3rem;}
.wpcf7 form {width: 70%;}


}


/* ************************************************************************************************

   1366×1024px / iPad Pro

   ************************************************************************************************ */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {

  /***** index.php @iPad Pro縦 *****/
  .index-main::before {height: 750px; top: 155%;}
  .page-en .index-main::before {height: 800px; top: 128%;}

  .index-contents__box01, .index-contents__box02, .index-contents__box03 {
    padding: 9rem;
    background: rgba(255,255,255,0.8);
    width: 770px;
    height: 770px;
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    transition: ease-in-out .5s;
  }
  .index-contents__box03 {padding: 10rem;}
  .index-contents__lead {margin: 8rem 0 6rem;}
  .index-contents__btn {margin-top: 6rem;}

  .page-en .index-contents__box01, .page-en .index-contents__box02 {
    width: 770px;
    height: 618px;
    padding: 9rem;
  }
  .page-en .index-contents__box03 {
    width: 770px;
    height: 628px;
  }
  .index__bg {height: 50vh;}

/***** gallery @iPad Pro縦 *****/
.single, .gallery, .single-gallery {padding: 0;}
.single-gallery__thumbnail img {
  width: 70%;
  height: auto;
}


/***** menu.php @iPad Pro縦 *****/
.menu-dinner__bg {height: 40vh;}


/***** contact @iPad Pro縦 *****/
.wpcf7 {margin: 0 !important;}

}

/* ************************************************************************************************

   1100×1024px

   ************************************************************************************************ */
@media only screen and (min-width: 1024px) and (max-width: 1100px){

/***** villa.php @1100×1024px  *****/
.villa__ttl {width: 35%;}

/***** garden.php @1100×1024px *****/
.garden-link__contents.flex--center {margin-bottom: 10rem;}

/***** gardencafe.php @1100×1024px  *****/
.gardencafe-menu__grid {
  width: 1040px;
}

}

/* ************************************************************************************************

   1024×768px / iPad横

   ************************************************************************************************ */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  /***** index.php @iPad横 *****/
  .index-main::before {height: 750px; top: 198%;}
  .page-en .index-main::before {height: 800px; top: 159%;}

  .index-contents__box01, .index-contents__box02, .index-contents__box03 {
    height: 600px;
    opacity: 1;
    background: rgba(255,255,255,0.8);
  }
  .index-contents__box01, .index-contents__box03 {left: 5%;}
  .index-contents__box02 {right: 5%;}
  .index-contents__box03 {padding: 7rem;}

  .page-en .index-contents__box01, .page-en .index-contents__box02 {
    width: 770px;
    height: 480px;
  }
  .page-en .index-contents__box03 {
    width: 770px;
    height: 530px;
  }


  /***** gardencafe.php iPad横 *****/
  th.garden-hours__tbl--fonts {padding: 1.6rem 0 1.6rem 1.6rem;}
  .garden-hours__tbl table {border-collapse: separate;}

  /***** gardencafe.php iPad横 *****/
  .gardencafe-menu-attention__txt {margin: 7rem 0 0rem;}

  /***** link.php iPad横 *****/
  .link-main {padding: 20rem 0 0;}
  .link__item:last-child {margin-bottom: 0rem;}

  /***** access.php iPad横 *****/
  .access-address__item {margin: 7rem auto 0rem;}

/***** gallery @iPad横 *****/
.single, .gallery, .single-gallery {padding: 0;}
.single, .single-gallery__thumbnail img {width: auto; height: 90vh;}

/***** contact @iPad横 *****/
.wpcf7 {margin: 0 !important;}

}


/* ************************************************************************************************

   960px / タブレット

   ************************************************************************************************ */
@media screen and (max-width: 959px){

  /***** index.php @960px *****/
  .index-main {padding: 10rem 0;}
  .index-main::before {height: 660px; top: 173%;}
  .page-en .index-main::before {height: 600px; top: 140%;}
  .index-main__lead {margin-bottom: 7rem;}
  .index-main__txt {margin-bottom: 5rem;}
  .index-main__images img {margin-bottom: 4rem;}

  .index-contents__item01, .index-contents__item02, .index-contents__item03 {
    background-size: contain;
    background-position: top;
    width: 100%;
    padding-top: 37rem;
    height: auto;
  }
  .index-contents__box01, .index-contents__box02, .index-contents__box03 {
    padding: 7rem 7rem 8rem;
    width: 100%;
    height: 100%;
    position: unset;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 1;
  }
  .page-en .index-contents__box01, .page-en .index-contents__box02, .page-en .index-contents__box03 {
    padding: 7rem 7rem 8rem;
    width: 100%;
    height: 100%;
  }
  .index-contents__item01::before, .index-contents__item02::before, .index-contents__item03::before{background: none;}
  .index-contents__lead {margin: 6rem 0 4rem;}
  .index-contents__item02 .index-contents__lead {margin: 4rem 0 4rem;}
  .page-en .index-contents__item02 .index-contents__lead {margin: 6rem 0 4rem;}
  .index-contents__btn {margin-top: 4rem;}

  .index-info {padding: 7rem 0 10rem; background: rgba(217,238,238,0.7);}
  .index-info .flex--space-between {flex-direction: column;}
  .index-info__box {width: auto;}
  .index-info__img {order:1; width: 500px;}
  .index-info__box {order:2; margin-top: 5rem;}
  .index-info__wp {margin-top: 4rem; width: 500px;}

  .index-insta {padding: 0 0 15rem;}
  .index-insta .container {padding: 0;}
  .index-insta__item {
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    width: 33.333%;
    height: auto;
  }
  .index-insta__box.flex--space-between {justify-content: flex-start;}
  .index-insta__btn {display: none;}
  .index-insta__btn--sp {
    display: block;
    margin-top: 12rem;
    text-align: right;
    margin-left: 8rem;
  }

  .index__bg {height: 35vh;}


  /***** about.php @960px *****/
  .page-en .about__heading{line-height: 1.8;}

  .about-taisetsuzan {padding: 0 0 10rem;}
  .about-taisetsuzan__img {margin-bottom: 7rem;}

  .about-mikuni.flex--space-between {display: block;}
  .about-mikuni__img {width: 100%;}
  .about-mikuni__item {width: 100%; padding: 7rem 7rem 0;}
  .about-mikuni__btn {margin-top: 4rem;}

  .about-interior {padding: 7rem 0 10rem;}
  .about-interior__movie {width: 100%;}
  .about-interior__images01 {margin-bottom: 7rem;}
  .about-interior__img03 {padding-top: 6rem;}
  .about-interior__images03 {margin-top: 5rem;}

  .about-exterior {padding: 0 0 5rem;}
  .about-exterior__item {width: 100%;}
  .about-exterior__btn {margin-left: 4rem; margin-right: 5rem;}
  .about-exterior__images02 {margin: 7rem 0 5rem;}
  .about-exterior__images03 img {margin-bottom: 5rem;}

  .about-food {padding: 0 0 10rem;}
  .about-food__images01 {text-align: right;}
  .about-food__img01 {width: 70%;}
  .about-food__item {margin: 5rem auto;width: 100%;}
  .about-food__img03 {padding-top: 3rem;}
  .about-food__img04 {padding-top: 6rem;}

  .about-gallery {padding: 0 0 10rem;}

  .about-villa.flex--space-between {flex-direction: column;}
  .about-villa__img {width: 100%; order:1;}
  .about-villa__item {width: 100%; padding: 7rem 7rem 0; order:2;}
  .about-villa__btn {margin-top: 4rem;}


  /***** chef.php @960px *****/
  .chef-mikuni, .chef-horikawa, .chef-miyamoto {margin-bottom: 20rem;}
  .chef__box.flex {display: block;}
  .chef__pic {margin-bottom: 7rem;}
  .chef__prof {margin-left: 10rem; width: auto;}
  .chef-mikuni::before, .chef-horikawa::before, .chef-miyamoto::before {width: 70%; top: 25rem;}
  .chef-mikuni::before {height: 980px;}
  .chef-horikawa::before {height: 850px;}
  .chef-miyamoto::before {height: 700px;}
  .chef-images {padding-bottom: 0;}


  /***** villa.php @959px *****/
  .villa-header__video{
    width: 100%;
    height: auto;
  }
  .villa-concept {padding: 10rem 0;}
  .villa-interior {padding: 10rem 0 5rem;}
  .villa-interior__item {margin: 5rem auto;}

  .villa__ttl {width: 55%;}
  .villa-fiore__box01, .villa-foresta__box01, .villa-la__box01 {
    padding: 7rem 0 7rem;
  }
  .villa-fiore__box02, .villa-foresta__box02, .villa-la__box02 {
    padding: 0 0 7rem;
  }

  .villa-concept__img01 {
    width: 40%;
    height: 100%;
  }

  .villa-la__tbl table {width: 80%;}
  .villa__images01 {text-align: center;}
  .villa__images02 {text-align: center;}
  .villa__item {margin-bottom: 2rem;}
  .villa-fiore-information__item, .villa-foresta-information__item, .villa-la-information__item {
    width: 95%;
  }

  .villa-foresta-information__item::before {height: 420px;}


  /***** garden.php @959px *****/
  .garden-concept {padding: 0 0 10rem;}
  .garden-concept__img {margin-bottom: 7rem;}

  .garden-hours.flex--space-between {display: block;}
  .garden-hours__img {width: 100%;}
  .garden-hours__item {width: 100%; padding: 7rem 7rem 0;}

  .garden-facility__box02{padding: 0 0 7rem;}
  .garden-facility__images01 {text-align: center;}
  .garden-facility__images02 {text-align: center;}
  .garden-facility__item {margin-bottom: 2rem;}

  .garden-flower.flex--space-between {flex-direction: column;}
  .garden-flower__img {width: 100%; order:1;}
  .garden-flower__item {width: 100%; padding: 7rem 7rem 0; order:2;}

  .garden-video__movie {width: 100%;}
  .garden-video {padding: 10rem 0 0;}

  .garden-gallery{
    margin: 0;
    padding: 0 0 10rem;
  }
  .garden-gallery__grid{
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
  }
  .garden-gallery__img01{
    width:48.5%;
    padding: 0 0 2rem;
  }

  .garden-link {margin-bottom: 0;}


  /***** gardencafe.php @959px *****/
  .gardencafe-main {padding: 0 0 10rem;}
  .gardencafe-main__img {margin-bottom: 7rem;}
  .gardencafe-main__images01 {margin: 5rem 0 5rem 0;}
  .gardencafe-main__img02{
    width:100%;
    padding: 0 15rem 0 5rem;
  }
  .gardencafe-main__img03{
    width: 100%;
    padding: 0 5rem 0 15rem;
  }

  .gardencafe-menu-gelato{padding: 5rem 0 7rem;}
  .gardencafe-menu__item{width: 80%;}
  .gardencafe-menu-time{margin: 7rem 0 0;}

  .gardencafe-menu__grid{
    width: 90%;
    padding: 0 6rem;
    margin: 0 auto;
  }
  .gardencafe-menu__img01,.gardencafe-menu__img02{
    width:48.5%;
    padding: 0 0 1.5rem;
  }
  .gardencafe-menu__item--time {font-size: 1.8rem;}
  .gardencafe-menu-attention__txt {
    margin: 7rem 0 0;
  }

  /***** access.php @959px *****/
  .access-car{padding: 10rem 0;}
  .access-car__img02 {padding-top: 6rem;}
  .access-car__tbl th{
    width: 25%;
  }

  .access-car__tbl td,.access-public__tbl td{
    line-height: 1.8;
    vertical-align: middle;
  }
  .tr-access-car__tbl td, .tr-access-public__tbl td {
    line-height: 1.8;
    vertical-align: middle;
    padding: 1rem;
  }

  .access-public {padding: 0 0 5rem;}
  .access-public__item {width: 100%;}

  .access-address {
    padding: 0;
  }
  .access-address__item {
    margin: 5rem auto 0;
    width: 100%;
  }
  .access-address__btn {
    margin-top: 4rem;
  }
  .access-address__btn a{
    font-size: 1.4rem;
  }

  /***** link.php @959px *****/
  .link__ttl {margin: 0 auto 7rem;}
  .tr-link__ttl {margin: 0 auto 7rem;}
  .link__item{margin-bottom: 3.5rem;}
  .tr-link__item a {font-size: 1.5rem;}
  .link-main{padding: 15rem 0 0;}
  .link__ttl--en {font-size: 1.6rem;}
  .tr-link__ttl--en {font-size: 2.2rem;}

  /***** reserve.php @959px *****/
  .reserve-restaurant.flex--space-between {display: block;}
  .reserve-restaurant__img {width: 100%;}
  .reserve-restaurant__item {width: 100%; padding: 7rem 7rem 0;}
  .reserve-restaurant__btn {margin-top: 4rem;}

  .reserve-villa {margin-bottom: 0rem;}
  .reserve-villa.flex--space-between {flex-direction: column;}
  .reserve-villa__img {width: 100%; order:1;}
  .reserve-villa__item {width: 100%; padding: 7rem 7rem 0; order:2;}
  .reserve-villa__btn {margin-top: 4rem;}

/***** news @960px *****/
.news {padding: 7rem 0 5rem;}
.news__ttl {margin-bottom: 4rem;}


/***** gallery @960px *****/
.single, .gallery, .single-gallery {padding: 0;}
.single-gallery .single__cal {margin-top: 3rem; margin-bottom: 2rem;}
.single-gallery .nav-below {width: 75%;}


/***** menu.php @960px *****/
.menu-lunch {padding: 10rem 0;}
.menu-dinner {padding: 10rem 0 7rem;}
.menu__box {padding: 10rem 0 7rem;}
.menu__box02 {padding: 7rem 0 0;}
.menu__box03 {padding: 7rem 0 0; margin-top: 7rem;}
.menu-dinner__bg {height: 30vh;}
.menu-wine {margin-bottom: 7rem;}
.menu-wine__box {padding: 7rem 0;}
.menu-attention__txt {margin-bottom: 5rem;}


/***** contact @960px *****/
.wpcf7 {margin: 0 !important;}
.contact__reserve {margin-bottom: 10rem;}


}


/* ************************************************************************************************

   560px / スマホ

   ************************************************************************************************ */
@media screen and (max-width: 559px){

  /***** index.php @560px *****/
  .hero__logo {width: 120px; height: auto;}
  .hero__movie {display: none;}
  .hero__movie--sp {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }

  .index-main {padding: 7rem 0 6rem;}
  .index-main__lead {margin-bottom: 5rem;}
  .index-main__message {margin-bottom: 7rem;}
  .index-main__images img {width: 100%; margin-left: 4rem;}
  .index-main::before {height: 1000px; top: 239%;}
  .page-en .index-main::before {height: 1000px; top: 195%;}

  .index-contents__item01, .index-contents__item02, .index-contents__item03 {padding-top: 18rem;}
  .index-contents__box01, .index-contents__box02, .index-contents__box03 {padding: 6rem 3rem 7rem;}
  .page-en .index-contents__box01, .page-en .index-contents__box02, .page-en .index-contents__box03 {padding: 6rem 3rem 7rem;}
  .index-contents__item01::before, .index-contents__item02::before, .index-contents__item03::before{background: none;}
  .index-contents__lead {margin: 4rem 0;}
  .index-contents__btn {margin-top: 4rem;}

  .index-info__wp {width: 300px;}
  .index-info__btn {margin-top: 4rem;}
  .index-info__wp th {padding: 1.5rem 0;}
  .index-info__wp td {padding: 1.5rem 0 1.5rem 1.5rem;}
  .page-en .index-info__wp th a, .page-en .index-info__wp td a {font-size: 1.3rem;}

  .index-insta {padding: 0 0 10rem;}
  .index-insta__btn--sp {margin-top: 6rem; margin-left: 1.5rem;}


  /***** about.php @560px *****/
  .about__heading {margin-bottom: 2.5rem;}

  .about-mikuni__item {padding: 7rem 4rem 0;}

  .about-interior .flex--space-between {display: block;}
  .about-interior__images03.flex--space-around {flex-direction: column;;}
  .about-interior__img02, .about-interior__img03 {width: 70%;}
  .about-interior__img03 {padding-top: 5rem; margin-left: 10rem;}
  .about-interior__img04 {
    width: 60%;
    order: 2;
    margin-top: 4rem;
  }
  .about-interior__item {
    width: 100%;
    margin-top: 0;
    order: 1;
  }
  .page-en .about-interior__item{margin-left: 0;}

  .about-exterior__images01 {margin-bottom: 5rem;}
  .about-exterior__images02 {margin: 5rem 0 5rem;}
  .about-exterior__images02.flex--center {display: block;}
  .about-exterior__img02 {width: 100%;}
  .about-exterior__btn {
    text-align: right;
    margin-left: 0;
    margin-right: 2rem;
    margin-top: 3rem;
  }
  .about-exterior__images03.flex--space-between {display: block;}
  .about-exterior__images03 img {width: 75%; margin-bottom: 4rem;}
  .about-exterior__img03 {margin-left: 9rem;}
  .about-exterior__img04 {margin-left: 3rem;}
  .about-exterior__img05 {margin-left: 7rem;}

  .about-food__img01 {width: 100%;}
  .about-food__images02.flex--space-between {flex-wrap: wrap;}
  .about-food__img02, .about-food__img03, .about-food__img04 {width: 45%;}
  .about-food__img04 {padding-top: 3rem; margin: 0 auto;}

  .about-gallery .flex--center {display: block;}
  .about-gallery__item {margin-top: 5rem;}

  .about-villa__item {padding: 7rem 4rem 0;}


  /***** chef.php @560px *****/
  h3.chef__name {line-height: 1.8;}
  .chef-mikuni, .chef-horikawa, .chef-miyamoto {margin-bottom: 10rem;}
  .chef__pic {margin: 0 auto 4rem; width: 80%;}
  .chef__name {margin-bottom: 4rem; text-align: center;}
  .chef__ttl {text-align: center; margin-bottom: 3rem;}
  .chef__prof {margin-left: 0;}
  .chef__bio th {width: 18%;}
  .chef-mikuni::before, .chef-horikawa::before, .chef-miyamoto::before {width: 60%; top: 20rem;}
  .chef-mikuni::before {height: 680px;}
  .chef-horikawa::before {height: 580px; left: 0;}
  .chef-miyamoto::before {height: 500px;}

  .chef-images img {max-width: 80%;}
  .chef-img01, .chef-img02 {margin-bottom: 7rem;}
  .chef-img01 img {width: 85%;}
  .chef-img02 img {width: 70%;}
  .chef-img03 img {width: 80%;}


  /***** villa.php @559px *****/
  .villa-concept {padding: 0rem;}
  .villa-concept__images01.flex--space-around {flex-direction: column;}
  .villa-concept__images01 {margin-top: 0rem;}
  .villa-concept__item {
    width: 100%;
    margin-top: 7rem;
    margin-right: 0;
  }
  .villa__heading {margin-bottom: 2.5rem;}
  .villa-concept__img01{
    width: 60%;
    margin-top: 4rem;
  }

  .villa-menu {margin-top: 7rem;}
  .villa-menu__item {padding: 7rem 3rem 0;}
  .villa-menu__tbl th, .villa-menu__tbl td {
    text-align: center;
    display: block;
    padding: 1.6rem;
    width: 100%;
  }
  .villa-menu__tbl th {
    color: #689689;
    width: 100%;
  }
  .villa-menu__tbl td{
    width: 100%;
  }
  .tr-villa-menu__tbl th{width: 100%;}
  .tr-villa-menu__tbl td{width: 100%;}
  th.villa-menu__tbl--black {color: #1C1C1C;}
  .villa-menu__item .villa__txt {line-height: 1.8;}

  .villa-interior__img01 {width: 100%;}
  .villa-interior {padding: 7rem 0 10rem;}
  .villa-interior__item {
    width: 100%;
    margin: 5rem auto 0;
  }

  .villa__ttl {width: 70%;}
  .villa-la__tbl table {width: 90%;}

  .villa__tbl--pc {display: none;}
  .villa__tbl--sp {display: block;}
  .villa__tbl--sp th, .villa__tbl--sp td, .villa-la__tbl th, .villa-la__tbl td {line-height: 2rem;}
  .villa__tbl--sp table {margin: 0rem;}
  .villa__tbl--color {color: #689689;}

  h5.villa-ttl__heading--ja {font-size: 1.6rem;}
  p.villa-ttl__heading--en.en {font-size: 1.5rem;}
  .tr-villa-ttl__heading--en {font-size: 2rem;}

  .villa-fiore__box02 .flex--center, .villa-foresta__box02 .flex--center, .villa-la__box02 .flex--center {
    flex-direction: column;
  }
  .villa__item {
    order:1;
    width: 80%;
    margin: 0 auto;
  }

  .villa-fiore__box02, .villa-foresta__box02, .villa-la__box02 {
    padding: 0 0 2rem;
  }

  .villa-fiore-information__item::before {
    height: 75%;
    top: 10.5rem;
    right: 0;
    left: 5rem;
  }
  .villa-foresta-information__item::before {
    height: 70%;
    top: 10.5rem;
  }
  .villa-la-information__item::before {
    height: 70%;
    top: 10.5rem;
  }
  .villa-la-information {
    margin-bottom: 0rem;
  }
  .villa-fiore-information__item, .villa-foresta-information__item, .villa-la-information__item {
    width: 100%;
  }

  /***** garden.php @559px *****/
  .garden__heading {margin-bottom: 2.5rem;}
  .garden__heading--br{line-height: 2;}

  .garden-hours__item {padding: 7rem 4rem 0;}
  .garden-hours__tbl th, .garden-hours__tbl td {
    line-height: 1.8;
    padding: 1.6rem 0;
  }
  .garden-hours__tbl th {width: 40%;}
  .tr-garden-hours__tbl th, .tr-garden-hours__tbl td {
    display: block;
    text-align: center;
  }
  .tr-garden-hours__tbl th {width: 100%;}
  .garden-hours__tbl--border th,.garden-hours__tbl--border td {
    border-top: 1px dashed #adbfbf;
  }
  .tr-garden-hours__tbl .garden-hours__tbl--border th {
    border-bottom: none;
    border-collapse: separate;
  }

  .garden-facility {padding: 10rem 0 3rem;}
  .garden-facility__box01 .flex--center {flex-direction: column-reverse;}
  .garden-facility__item {
    order:1;
    width: 90%;
    margin: 0 auto;
  }
  .garden-facility__box01 {padding: 0 0 2rem;}

  .garden-flower__item {padding: 7rem 4rem 0;}
  .garden-flower__btn {
    padding: 2rem;
    width: 50%;
  }

  .garden-video {padding: 7rem 0 0;}

  .garden-gallery {padding: 0 0 7rem;}
  .garden-gallery__img01{
    width: 100%;
    padding: 0 0 2rem;
  }

  .garden-link__contents.flex--center {display: block;}
  .garden-link__daisetsu, .garden-link__gardencafe {
    padding: 2.5rem 0;
    border-top: 1px solid #adbfbf;
  }
  .garden-link__gardencafe {
    border-left: none;
    border-bottom: 1px solid #adbfbf;
  }


  /***** gardencafe.php @559px *****/
  .gardencafe__heading {margin-bottom: 2.5rem;}
  .gardencafe-menu {padding: 0rem;}

  .gardencafe-main__images01 {margin: 3rem 0 3rem 0;}
  .gardencafe-main__img02{
    width:100%;
    padding: 0 5rem 0 0;
  }
  .gardencafe-main__img03{
    width: 100%;
    padding: 0 0 0 5rem;
  }
  .gardencafe__txt {text-align: left;}
  .gardencafe-main__logo {margin-bottom: 30px;}
  .gardencafe-main__logo img {width: 80%;}

  .gardencafe-menu-gelato {padding: 7rem 0 7rem;}
  .gardencafe-menu__item {
      margin-bottom: 7rem;
      width: auto;
  }
  .gardencafe-menu__item--ja {font-size: 1.6rem;}
  .gardencafe-menu__item--en {font-size: 1.5rem;}
  .tr-gardencafe-menu__item--en {font-size: 2rem;}
  .gardencafe-menu__item--price {
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .gardencafe-menu__item--price--sub {font-size: 1.2rem;}

  .gardencafe-menu__grid{
    width: 90%;
    padding: 0 2rem;
    margin: 0 auto;
  }
  .gardencafe-menu__img01,.gardencafe-menu__img02{
    max-width: 50%;
    padding: 0 0 1rem;
  }

  .gardencafe-menu__item--time {
    margin-top: 3rem;
    font-size: 1.6rem;
  }

  /***** access.php @559px *****/
  .access-car {padding: 7rem 0;}
  .access__heading {
    margin-bottom: 2.5rem;
    line-height: 1.8;
  }
  .access-car .flex--space-between {display: block;}
  .access-car__img01, .access-car__img02 {width: 70%;}
  .access-car__img02 {
    padding-top: 5rem;
    margin-left: 10rem;
  }

  .access-car__tbl table {margin: 0 0 7rem;}
  .access-car__tbl th{
    width: 100%;
  }
  .access-car__tbl td,.access-public__tbl td {border-bottom: none;}
  .access-car__tbl th,.access-car__tbl td,.access-public__tbl th,.access-public__tbl td{
    vertical-align: baseline;
    display: block;
    text-align: center;
    padding: 1rem;
  }
  .access-car__tbl th,.access-public__tbl th{
    padding: 1.6rem;
    border-top: 1px dashed #adbfbf;
  }

  .access-public {padding: 0 0 7rem;}

  .access-address__img01 {width: 100%;}
  .access-address__btn a {font-size: 1.2rem;}

  /***** link.php @559px *****/
  .link-main {padding: 10rem 0 0;}
  .link__ttl--en {font-size: 1.5rem;}
  .tr-link__ttl--en {font-size: 2rem;}

  /***** reserve.php @559px *****/
  .reserve__heading {margin-bottom: 2.5rem;}

  .reserve-restaurant {margin: 7rem 0;}

  .reserve-restaurant__item {padding: 7rem 4rem 0;}

  .reserve-villa__item {padding: 7rem 4rem 0;}

/***** news @560px *****/
.news__post {padding: 4rem 0;}
.news__cal {margin-bottom: .5rem;}
.news__ttl {margin-bottom: 3rem;}
.news__txt{font-size: 1.3rem;}
.page-numbers a {font-size: 1.4rem;}
.news__translate a {font-size: 1.4rem !important;}

.single__cal {margin-bottom: 1rem;}
.single__contents {width: 100%;}
.header-sub__ttl--single {margin-bottom: 5rem;}
.nav-below {width: 75%;}
.nav-top a {font-size: 1.2rem;}
.single__contents {margin: 0 auto 5rem;}


/***** gallery @560px *****/
.gallery__content.flex--space-between {display: block;}
.gallery__post {width: 100%; padding: 0 0 3rem;}
.gallery__cat-link.flex--center {display: block;}
.gallery__cat-link a:first-child {border-left: none; border-top: 1px solid #adbfbf;}
.gallery__cat-link a {
  border-right: none;
  border-bottom: 1px solid #adbfbf;
  padding: 1rem 0;
  line-height: 2;
  height: auto;
  display: block;
  width: 75%;
  margin: 0 auto;
  font-size: 1.4rem;
}
.gallery__btn.flex--center {display: block;}
.gallery__btn a {margin: 0 2rem 0;}
.gallery-archive__btn {margin-bottom: 4rem;}

.single-gallery__thumbnail img {width: 100%;}
.single-gallery .nav-below {width: 90%;}
.single-gallery__info {margin-bottom: 7rem;}


/***** menu.php @560px *****/
h5.menu__heading--ja {font-size: 1.6rem;}
.menu__heading--en {font-size: 1.5rem;}
.page-en .menu__heading--en{font-size: 2rem;}

.menu__box {padding: 8rem 0 7rem;}
.menu__item {margin-bottom: 3rem; font-size: 1.4rem;}
.menu__item--sub {font-size: 1.3rem; margin-top: 0.7rem;}
.menu__heading {margin-bottom: 6rem;}
.page-en .menu__heading {margin-bottom: 5rem;}
.menu__price {margin-top: 6rem; font-size: 1.4rem;}
.menu__price--sub {font-size: 1.2rem;}
.page-en .menu__price--sub {font-size: 1.3rem;}
.menu-dinner__bg {
  background-image: url(https://fratello-di-mikuni.com/info/wp-content/uploads/menu_img02_sp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 40vh;
}
.menu-wine__box {display: block; text-align: center;}
.menu-wine__img {width: 80%;}
.menu-wine__btn {text-align: center; margin-top: 3rem;}
.menu-wine__btn a {margin-left: 0;}
.menu-attention__txt {margin-bottom: 4rem; text-align: left;}
.menu-attention__btn {text-align: right;}


/***** contact @560px *****/
.contact__reserve.flex--center {display: block;}
.contact__villa {border-right: none; border-left: none;}
.contact__restaurant, .contact__villa, .contact__tel {padding: 2.5rem 0; border-top: 1px solid #adbfbf;}
.contact__tel {border-bottom: 1px solid #adbfbf;}
.contact__reserve {margin-bottom: 7rem;}
.wpcf7 form {width: 100%;}
.blk-iframe {height: 40rem; margin: 3rem auto 5rem;}


}


/* ************************************************************************************************

   320px / スマホ

   ************************************************************************************************ */
@media screen and (max-width: 320px){

  /***** index.php @320px*****/
  .index-contents__item01, .index-contents__item02, .index-contents__item03 {padding-top: 15rem;height: auto;}

  .index-info__wp {width: 280px;}
  .page-en .index-info__wp th a, .page-en .index-info__wp td a {font-size: 1.2rem;}

  .index-insta__btn--sp {margin-top: 5rem; margin-left: .6rem;}


  /***** about.php @320px*****/
  .about-mikuni__item, .about-villa__item {padding: 7rem 3rem 0;}


  /***** villa.php @320px *****/
  .villa__ttl {width: 80%;}
  .villa__tbl--sp th, .villa__tbl--sp td, .villa-la__tbl th, .villa-la__tbl td {line-height: 2rem;}
  .villa__tbl--sp th, .villa__tbl--sp td {padding: 2rem 1.4rem;}

  /***** garden.php @320px *****/
  .garden-hours__item {padding: 7rem 3rem 0;}
  .garden-flower__btn {padding: 2rem 0.5rem;}


  /***** gardencafe.php @320px *****/
  .gardencafe-menu-attention__txt {padding: 0 2rem;}

/***** news @320px *****/
.news__txt{font-size: 1.2rem;}

/***** gallery @320px *****/
.single-gallery .nav-below a {font-size: 1.1rem;}

}